<template>
    <div class='container'>

        <t-tabs :default-value="1">
            <t-tab-panel :value="1" label="TiptapView">
                <TiptapView />
            </t-tab-panel>
            <t-tab-panel :value="1" label="有道笔记">
                <YouDaoNote />
            </t-tab-panel>
            <t-tab-panel :value="2" label="问题笔记">
                <QuestionNote />
            </t-tab-panel>
            <t-tab-panel :value="3" label="QuillSelf">
                <QuillSelfView />
            </t-tab-panel>
            <t-tab-panel :value="4" label="Markdown">
                <MarkdownView />
            </t-tab-panel>
            <t-tab-panel :value="5" label="TypographyEditor">
                <TypographyEditor />
            </t-tab-panel>
            <t-tab-panel :value="6" label="TypographyView">
                <TypographyView />
            </t-tab-panel>
        </t-tabs>

    </div>
</template>
<script setup lang='ts'>

import { ref } from 'vue';

</script>
<style lang='scss' scoped></style>